<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
    <script type="text/javascript">
        $(function () {
            //html()可以设置和获取起始标签和结束标签中的内容，不传参数是获取，传递参数是设置
            // alert($("div").html());//获取
            //$("div").html("<h2>我是div中的标题</h2>");//设置

            //text()可以设置和获取起始标签和结束标签中的文本，不传参数是获取，传递参数是设置
            // alert($("div").text());
            $("div").text("<h2>我是div中的标题</h2>");

            //val()可以设置和获取表单项的value属性值，不传参数是获取，传递参数是设置
            $("button").click(function () {
                alert($("#username").val());
                $("#username").val("超级程序员");
            })
        })
    </script>
</head>
<body>
    <div>我是div标签 <span>我是div中的span</span></div>
    <input type="text" name="username" id="username" />
    <button>操作输入框</button>
</body>
</html>